


        .lines{
            z-index: 2;
            position: fixed;
        }
        footer{
            position: relative;
            z-index: 2;
        }
        
        main .news {
            padding-bottom: 130px;
        }
        main .news .head{
            padding-top: 105px;
            padding-bottom: 90px;
            width: 75%;
            margin: 0 auto;
            position: relative;
        }
        main .news .head>*{
            flex-shrink: 0;
        }
        main .news .head .ttl{
            padding-left: 60px;
            width: 75%;
        }
        main .news .head .ttl .cn{
            font-size: 77px;
            margin-bottom: 25px;
        }
        main .news .head .ttl .eng{
            font-size: 36px;
        }
        main .news .head .category{
            position: relative;
            left: 1px;
            width: 260px;
        }
        main .news .head .category a{    
            display: block;
            width: 100%;
            line-height: 75px;
            border: 1px solid #000;
            font-size: 22px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 20px;
            transition: color .4s,border .3s;
        }
        main .news .head .category a:last-child{
            margin-bottom: 0px;
        }
        main .news .head .category a:hover{
            color: #e60012;
            border-color: #e60012;
        }

        main .news .list {
            background: #f0f0e6;
            padding: 6.5vh 0px;
            flex-wrap: wrap;
        }
        main .news .list .itm{
            width: 50%;
            display: block;
            position: relative;
            padding: 70px;
            transition: background .5s;
        }
        main .news .list .itm:nth-child(odd){
            padding-left: 9.89vw !important;
        }
        main .news .list .itm:nth-child(2n){
            padding-right: 9.89vw !important;
        }
        main .news .list .itm:hover{
            background: #f8f8f3;
        }
        main .news .list .itm .date{
            height: 110px;
            width: 100px;
            background: #ccc;
            text-align: center;
            font-size: 14px;
            color: #fff;
            line-height: 1;
            flex-direction: column;
            background: #e60012;
            position: absolute;
            top: -20px;
            left: 0px;
            z-index: 2;
        }
        main .news .list .itm .date .day{
            font-weight: bold;
            margin-bottom: 8px;
            font-size: 47px;
        }
        main .news .list .itm .pic{
            height: 320px;
            position: relative;
        }
        main .news .list .itm>p{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            white-space: normal;
            word-break: break-all;
            font-size: 21px;
        }
        main .news .list .itm .pic .inner{
            overflow: hidden;
            height: 100%;
            position: relative;
        }
        main .news .list .itm .pic img{
            transition: .4s ease;
        }
        main .news .list .itm:hover .pic img{
            transform: scale(1.1);
        }
        main .news .list .itm .nsTtl{
            margin: 15px 0px;
        }
        main .news .list .itm .t{
            color: #666;
            font-size: 16px;
        }

        main .news .fluid .mainContn .pages{
            margin-top: 45px;
        }

        main .news .pages{
            margin-top: 100px;
        }
        main .news .pages a{
            padding: 0px 15px;
            line-height: 40px;
            font-size: 13px;
            font-weight: bold;
            border:1px solid #dcdcdc;
            transition: all ease .5s;
            background: #fff;
        }
        main .news .pages a + a{
            margin-left: 5px;
        }
        main .news .pages a.current,
        main .news .pages a:hover{
            background: #df2532;
            color: #fff;
            border-color: #df2532;
        } 
        

        @media(max-width:1600px){
            main .news{
                padding-bottom: 8.125vw;
            }
            main .news .head .ttl{
                padding-left: 30px;
            }
            main .news .head .ttl .cn{
                font-size: 60px;
            }
            main .news .head .ttl .eng{
                font-size: 30px;
            }
            main .news .head .category{
                width: 210px;
            }
            main .news .head .category a{
                line-height: 60px;
                font-size: 20px;
            }

            main .news .list .itm{
                padding: 50px;
            }

            main .news .pages{
                margin-top: 6.25vw;
            }
        }

        @media(max-width:1200px){
            main .news .head .ttl .cn{
                font-size: 50px;
                margin-bottom: 20px;
            }
            main .news .head .ttl .eng{
                font-size: 24px;
            }

            main .news .list .itm .date{
                height: 90px;
                width: 85px;
                top: -10px;
            }
            main .news .list .itm .pic {
                height: 240px;
            }
            main .news .list .itm .date .day{
                font-size: 36px;
            }
            main .news .list .itm .nsTtl{
                margin-bottom: 5px;
            }
        }

        @media(max-width:1024px){
            main .news .head{
                width: 100%;
                padding: 0px 12.5%;
                padding-top: 70px;
                padding-bottom: 60px;
            }
            main .news .head .ttl{
                padding-left: 0px;
            }
            main .news .head .ttl .cn{
                font-size: 42px;
                margin-bottom: 15px;
            }
            main .news .head .ttl .eng{
                font-size: 20px;
            }

            main .news .head .category{
                width: calc(25% - 1px);
            }
            main .news .head .category a{
                line-height: 40px;
                font-size: 18px;
                margin-bottom: 10px;
            }
            main .news .head .ttl .chn{
                font-size: 42px;
                margin-bottom: 15px;
            }
            main .news .head .ttl .eng{
                font-size: 20px;
            }

            main .news .list .itm{
                padding: 30px 20px;
            }
            main .news .list .itm:nth-child(odd){
                padding-left: 40px !important;
            }
            main .news .list .itm:nth-child(2n){
                padding-right: 40px !important;
            }
            main .news .list .itm .nsTtl{
                font-size: 18px;
            }
            main .news .list .itm .t{
                font-size: 14px;
            }

            main .news .pages a{
                line-height: 30px;
            }
        }

        @media(max-width:767px){
            main .news .head{
                padding: 35px;
                padding-top: 40px;
                justify-content: space-between;
            }
            main .news .head>*{
                flex-shrink: initial;
            }
            main .news .head .ttl{
                width: initial;
            }
            main .news .head .ttl .cn{
                font-size: 30px;
                margin-bottom: 10px;
            }
            main .news .head .ttl .eng{
                font-size: 16px;
            }
            main .news .head .category{
                width: 100px;
            }
            main .news .head .category a{
                line-height: 33px;
                font-size: 16px;
            }

            main .news .list{
                padding: 35px 0px;
            }
            main .news .list .itm{
                width: 100%;
                padding: 10px 20px;
                margin-bottom: 10px;
            }
            main .news .list .itm:nth-child(odd){
                padding-left: 20px !important;
            }
            main .news .list .itm:nth-child(2n){
                padding-right: 20px !important;
            }
            main .news .list .itm .date{
                width: 75px;
                height: 80px;
            }
            main .news .list .itm .date .day{
                font-size: 24px;
                margin-bottom: 5px;
            }
            main .news .list .itm .pic{
                height: 210px;
            }

            main .news .pages a{
                font-size: 12px;
                line-height: 25px;
                padding: 0px 5px;
            }
            main .news .pages a + a{
                margin-left: 6px;
            }
        }